<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        同源策略： 规定只有在同协议 + 同IP(同域名)+同端口
     -->
    <button onclick="cli()">点击获取</button>
    <script>
        function cli(){
            fetch('http://localhost:3000/api/query').then(function(data){
                return data.text();
            }).then(function(res){
                console.log(res);
            })
        }
        //function cli() {
            /*      fetch('/query').then(function(data){
                     return data.text();           
                  }).then(function(res){
                     console.log(res);
                  }) */
            // jsonp 跨域 只允许get请求
            // html 自带的标签中 img link a script 都会发送get请求获取外部资源（允许跨域）
            // 会将外部资源文件直接运行
            // 如果数据只是2一个值（对象、数组、字符串）
         /*    var script = document.createElement("script");
            script = 'http://192.168.21.3002/query?callback=run';;
            document.body.appendChild(script);
        }
        function run(res) {

            console.log('run被调用了')
            console.log(res)
        } */

    </script>
</body>

</html>